import { createRouter, createWebHashHistory } from 'vue-router'
import Home from './components/Home.vue'
import About from './components/About.vue'

const router = createRouter({
    history: createWebHashHistory(),
    routes: [
      { path:'/',redirect:'/movie' },
      { 
        path:'/home',
        component:()=>import('./components/Home.vue'),
        children:[
          { 
            path:':id',
            name:'MovieDetails',
            component:()=>import('./components/MovieDetails.vue'),
            props:true
          }
        ]
      },
      {
        path:'/about',
        component:()=>import('./components/About.vue'),
        children:[
          { path:'tab1',component:()=>import('./components/pages/Tab1.vue') },
          { path:'tab2',component:()=>import('./components/pages/Tab2.vue') }
        ]
      },
      {
        path:'/movie',
        component:()=>import('./components/Movie.vue'),
        children:[
          { path:':id',component:()=>import('./components/MovieDetails.vue'),props:true }
        ]
      }
    ]  
  })
  
export default router

